<head>
  <script language="javascript" type="text/javascript" src="../../../../lib/p5.js"></script>
  <script language="javascript" type="text/javascript" src="sketch.js"></script>
  <style>

    body {
      margin: 0;
      padding: 0;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 13px;
    }
    
    .code_wrapper {
      margin: 50px 20px;
      width: 400px;
    }
    pre {
      font-family: "Lucida Console", Monaco, monospace;
      font-size: 14px;
    }
    
    .canvas_wrapper  {
      margin-left: 400px;
      padding-top: 90px;
    }
    canvas {
      margin-left: 100px;
      display: block
    }
    
    .canvas_wrong_position {
      padding: 20px;
      width: 260px;
      height: 260px;
      position: absolute;
      border: 2px dashed red;
    }
  
  </style>
</head>

<body>

  <div class="canvas_wrapper">
      <canvas id="canvas1" class=""></canvas>
  </div>
</div>
</body>